<!DOCTYPE html>
<html>

<head>
    <meta charset=" utf-8">
    <meta name="author" content="http://www.softwhy.com/" />
    <title>蚂蚁部落</title>
    <style type="text/css">
        div {
            margin: 50px auto;
            width: 200px;
            height: 200px;
            border: 1px solid #333;
            background: linear-gradient(135deg, transparent 49.5%,
                deeppink 49.5%,
                deeppink 50.5%,
                transparent 50.5%);
        }
    </style>
</head>

<body>
    <div></div>
</body>

</html>